<!DOCTYPE html>
<html lang="zh" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="
  Steps
  
  #
  

Steps shortcode styles numbered list as series of points for better content organization.
{{% steps %}}
1. ## Suspendisse sed congue orci.
   ...

2. ## Maecenas scelerisque sem.
   ...

3. ## Etiam risus purus.
   ...

4. ## Curabitur sed lacinia velit.
   ...
{{% /steps %}}

  Example
  
  #
  





  Suspendisse sed congue orci.
  
  #
  

Suspendisse sed congue orci, eu congue metus. Nullam feugiat urna massa, et fringilla metus consectetur molestie. Curabitur pellentesque sodales ipsum, sed efficitur libero euismod ac. Donec sit amet erat nunc. Suspendisse porta nisl velit, quis auctor massa commodo nec. Donec sollicitudin tellus sit amet massa condimentum luctus. Etiam molestie at ante et convallis.">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#343a40">
<meta name="color-scheme" content="light dark"><meta property="og:url" content="//localhost:1313/docs/shortcodes/.html/">
  <meta property="og:site_name" content="神马中转API">
  <meta property="og:title" content="神马中转API">
  <meta property="og:description" content="Steps # Steps shortcode styles numbered list as series of points for better content organization.
{{% steps %}} 1. ## Suspendisse sed congue orci. ... 2. ## Maecenas scelerisque sem. ... 3. ## Etiam risus purus. ... 4. ## Curabitur sed lacinia velit. ... {{% /steps %}} Example # Suspendisse sed congue orci. # Suspendisse sed congue orci, eu congue metus. Nullam feugiat urna massa, et fringilla metus consectetur molestie. Curabitur pellentesque sodales ipsum, sed efficitur libero euismod ac. Donec sit amet erat nunc. Suspendisse porta nisl velit, quis auctor massa commodo nec. Donec sollicitudin tellus sit amet massa condimentum luctus. Etiam molestie at ante et convallis.">
  <meta property="og:locale" content="zh">
  <meta property="og:type" content="article">
    <meta property="article:section" content="docs">
<title>Steps | 神马中转API</title>
<link rel="icon" href="/favicon.png" >
<link rel="manifest" href="/manifest.json">
<link rel="canonical" href="//localhost:1313/docs/shortcodes/.html/">
<link rel="stylesheet" href="/book.min.27cffe658670f57112663ed746a421db277c2dd6549965c27f9ad0103cccd990.css" integrity="sha256-J8/&#43;ZYZw9XESZj7XRqQh2yd8LdZUmWXCf5rQEDzM2ZA=" crossorigin="anonymous">
  <script defer src="/fuse.min.js"></script>
  <script defer src="/zh.search.min.7fe9d024fc6cf8a4004feb04607e292719c46d681459e4679b35e3d19dc9fb5c.js" integrity="sha256-f&#43;nQJPxs&#43;KQAT&#43;sEYH4pJxnEbWgUWeRnmzXj0Z3J&#43;1w=" crossorigin="anonymous"></script>

  <script defer src="/sw.min.6f6f90fcb8eb1c49ec389838e6b801d0de19430b8e516902f8d75c3c8bd98739.js" integrity="sha256-b2&#43;Q/LjrHEnsOJg45rgB0N4ZQwuOUWkC&#43;NdcPIvZhzk=" crossorigin="anonymous"></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
  
</head>
<body dir="ltr" class="book-kind-page book-type-docs book-layout-">
  <input type="checkbox" class="hidden toggle" id="menu-control" />
  <input type="checkbox" class="hidden toggle" id="toc-control" />
  <main class="container flex">
    
<aside class="book-menu">
  <div class="book-menu-content">
    
  <nav>
<h2 class="book-brand">
  <a class="flex align-center" href="/"><span>神马中转API</span>
  </a>
</h2>


<div class="book-search hidden">
  <input type="text" id="book-search-input" placeholder="搜索" aria-label="搜索" maxlength="64" data-hotkeys="s/" />
  <div class="book-search-spinner hidden"></div>
  <ul id="book-search-results"></ul>
</div>
<script>document.querySelector(".book-search").classList.remove("hidden")</script>















  
  <ul>
    
      
        <li class="book-section-flat" >
          
  
  

  
    <a href="/docs/example/" class="">Example Site</a>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/example/table-of-contents/" class="">Table of Contents</a>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/example/table-of-contents/With-ToC.html/" class="">With ToC</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/example/table-of-contents/Without-ToC.html/" class="">Without ToC</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-116a6035acc73224a51c969496c44370" class="toggle"  />
    <label for="section-116a6035acc73224a51c969496c44370" class="flex">
      <a role="button" class="flex-auto ">Collapsed</a>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/example/collapsed/3rd-level/" class="">3rd Level</a>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/example/collapsed/3rd-level/.html/" class="">4th Level</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
  </ul>

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-b781af25ad1a598c776fa6827868c0ce" class="toggle"  />
    <label for="section-b781af25ad1a598c776fa6827868c0ce" class="flex">
      <a role="button" class="flex-auto ">基本概念</a>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/api.html/" class="">基本概念-API地址（BaseURL）</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/.html/" class="">Base</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/.html/" class="">Group</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/.html/" class="">Key</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/.html/" class="">Pay1</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/aidocs/.html/" class="">Pay2</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li class="book-section-flat" >
          
  
  

  
    <span>Shortcodes</span>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Badges</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Buttons</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Cards</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Columns</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Details</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Hints</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Images</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Mermaid</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="active">Steps</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/.html/" class="">Tabs</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="/docs/shortcodes/KaTeX.html/" class="">KaTeX</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
  </ul>










  
<ul>
  
  <li>
    
    <a href="/posts/"  >
        Blog
      </a>
  </li>
  
</ul>






</nav>




  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>



  </div>
</aside>
 

    <div class="book-page">
      <header class="book-header">
        
  <div class="flex align-center justify-between">
  <label for="menu-control">
    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
  </label>

  <h3>Steps</h3>

  <label for="toc-control">
    
    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
    
  </label>
</div>


  
  <aside class="hidden clearfix">
    
  
<nav id="TableOfContents">
  <ul>
    <li><a href="#steps">Steps</a>
      <ul>
        <li><a href="#example">Example</a></li>
        <li><a href="#suspendisse-sed-congue-orci">Suspendisse sed congue orci.</a></li>
        <li><a href="#maecenas-scelerisque-sem">Maecenas scelerisque sem.</a></li>
        <li><a href="#etiam-risus-purus">Etiam risus purus.</a></li>
        <li><a href="#curabitur-sed-lacinia-velit">Curabitur sed lacinia velit.</a></li>
      </ul>
    </li>
  </ul>
</nav>



  </aside>
  
 
      </header>

      
      
  <article class="markdown book-article"><h1 id="steps">
  Steps
  
  <a class="anchor" href="#steps">#</a>
  
</h1>
<p>Steps shortcode styles numbered list as series of points for better content organization.</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#a6e22e">steps</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
</span></span><span style="display:flex;"><span>1. ## Suspendisse sed congue orci.
</span></span><span style="display:flex;"><span>   ...
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>2. ## Maecenas scelerisque sem.
</span></span><span style="display:flex;"><span>   ...
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>3. ## Etiam risus purus.
</span></span><span style="display:flex;"><span>   ...
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span>4. ## Curabitur sed lacinia velit.
</span></span><span style="display:flex;"><span>   ...
</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">%</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">steps</span> <span style="color:#f92672">%</span><span style="color:#75715e">}}</span>
</span></span></code></pre></div><h2 id="example">
  Example
  
  <a class="anchor" href="#example">#</a>
  
</h2>
<div class="book-steps ">
<ol>
<li>
<h2 id="suspendisse-sed-congue-orci">
  Suspendisse sed congue orci.
  
  <a class="anchor" href="#suspendisse-sed-congue-orci">#</a>
  
</h2>
<p>Suspendisse sed congue orci, eu congue metus. Nullam feugiat urna massa, et fringilla metus consectetur molestie. Curabitur pellentesque sodales ipsum, sed efficitur libero euismod ac. Donec sit amet erat nunc. Suspendisse porta nisl velit, quis auctor massa commodo nec. Donec sollicitudin tellus sit amet massa condimentum luctus. Etiam molestie at ante et convallis.</p>
</li>
<li>
<h2 id="maecenas-scelerisque-sem">
  Maecenas scelerisque sem.
  
  <a class="anchor" href="#maecenas-scelerisque-sem">#</a>
  
</h2>
<p>Maecenas scelerisque sem a tellus dignissim, in sodales neque varius. Integer quis ex quis sem posuere consequat. Morbi interdum ex et mollis maximus. Proin sed quam nisl. Donec tempus non risus vel auctor. Ut ultricies vitae urna in laoreet. Phasellus cursus nunc sit amet sodales euismod. Suspendisse potenti.</p>
</li>
<li>
<h2 id="etiam-risus-purus">
  Etiam risus purus.
  
  <a class="anchor" href="#etiam-risus-purus">#</a>
  
</h2>
<p>Etiam risus purus, suscipit a orci quis, mollis mollis ante. Vestibulum congue nisl malesuada tortor egestas, a lobortis tellus dictum. Nam nec ultrices justo. Donec malesuada dignissim posuere.</p>
</li>
<li>
<h2 id="curabitur-sed-lacinia-velit">
  Curabitur sed lacinia velit.
  
  <a class="anchor" href="#curabitur-sed-lacinia-velit">#</a>
  
</h2>
<p>Curabitur sed lacinia velit. Nullam sed ante non quam lobortis hendrerit. Phasellus elementum, erat sit amet imperdiet pulvinar, odio massa lobortis ipsum, in tincidunt metus dolor vel ligula.</p>
</li>
</ol>
</div></article>
 
      

      <footer class="book-footer">
        
  <div class="flex flex-wrap justify-between">




<div>
  <a class="flex align-center" href="https://github.com/alex-shpak/hugo-book/edit/main/exampleSite/content/docs/shortcodes/steps.md" target="_blank" rel="noopener edit">
    <img src="/svg/edit.svg" class="book-icon" alt="" />
    <span>编辑本页</span>
  </a>
</div>


</div>





  
  
  
  <div class="flex flex-wrap justify-between">
    <span>
    
      <a href="/docs/shortcodes/section/.html/" class="flex align-center book-icon">
        <img src="/svg/backward.svg" class="book-icon" alt="Previous" title="Second Page" />
        <span>Second Page</span>
      </a>
    
    </span>
    <span>
    
      <a href="/docs/shortcodes/.html/" class="flex align-center book-icon">
        <span>Tabs</span>
        <img src="/svg/forward.svg" class="book-icon" alt="Next" title="Tabs" />
      </a>
    
    </span>
  </div>
  




  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>


 
        
      </footer>

      
  
  <div class="book-comments">

</div>
  
 
      <label for="menu-control" class="hidden book-menu-overlay"></label>
    </div>

    

<aside class="book-toc">
  <div class="book-toc-content">
    
  
<nav id="TableOfContents">
  <ul>
    <li><a href="#steps">Steps</a>
      <ul>
        <li><a href="#example">Example</a></li>
        <li><a href="#suspendisse-sed-congue-orci">Suspendisse sed congue orci.</a></li>
        <li><a href="#maecenas-scelerisque-sem">Maecenas scelerisque sem.</a></li>
        <li><a href="#etiam-risus-purus">Etiam risus purus.</a></li>
        <li><a href="#curabitur-sed-lacinia-velit">Curabitur sed lacinia velit.</a></li>
      </ul>
    </li>
  </ul>
</nav>



  </div>
</aside>

 
  </main>

  
</body>
</html>
















